<template>
    <div id="app">
        <nav>
            <!-- 导航链接 -->
            <router-link to="/">首页</router-link> |
            <router-link to="/news-list">新闻列表</router-link> |
            <router-link to="/about">关于我们</router-link>
        </nav>
        <!-- 路由视图容器 -->
        <router-view class="container"></router-view>
    </div>
</template>


<script>
export default {
    name: 'App',
}
</script>


<style>
.container {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    width: 600px;
    height: 500px;
    margin: 0 auto;
    margin-top: 20px;

}

#app {
    text-align: center;
    width: 800px;
    margin: 0 auto;
    margin-top: 60px;

}
</style>